<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery-3.4.0.js"></script>
</head>

<body>
    <!-- header -->
    <div class="header">
        <div class="header-w">
            <div class="logo">
                <a href="#"></a>
                <a href="#" class="btn"></a>
            </div>
            <div class="gw">
                <a href="#">进入官网</a>
            </div>
            <div class="shi"></div>
            <div class="longyin"></div>
        </div>
    </div>
    <!-- main -->
    <div class="main">
        <div class="box1">
            <div class="content1">
                <input type="text" placeholder="邮箱账号">
                <input type="password" placeholder="6-16位密码，区分大小写">
                <a href="#" class="a1"></a>
                <div class="c2">
                    <input type="checkbox" checked="checked">
                    <!-- <input tpye="checkbox" checked="checked"> -->
                    <span>我同意<a href="#">《服务条款》</a>和<a href="#">《隐私保护和个人信息利用政策》</a></span>
                </div>
            </div>
        </div>
        <div class="box2">
            <div class="content2">
                <div class="box2-t">
                    <b class="b1"></b>
                    <b class="b2"></b>
                    <div class="box22"></div>
                </div>
                <a href="#" class="a2"></a>
            </div>
        </div>
        <div class="box3">
            <div class="content3">
                <div class="f3">
                    <a href="#"></a>
                </div>
            </div>
        </div>
    </div>
    <!-- 第三部分 -->
    <div class="nav">

        <div class="nav1 active"></div>
        <div class="nav2"></div>
        <div class="nav3"></div>
        <div class="nav4"></div>
        <div class="cl">
            <a href="#" class="na1"></a>
            <a href="#" class="na2"></a>
            <a href="#" class="na3"></a>
            <a href="#" class="na4"></a>
        </div>


    </div>
    <div class="banner">
        <div class="bl">
            <video muted src="./vedio/d8a36aba2b9660206dfb28135f060a07qt.mp4"></video>
        </div>
    </div>

</body>

</html>